import React, { Component } from 'react';
import './Myzhide.scss'
import pic1 from '../imgs/z02.gif'
import pic2 from '../imgs/z03.gif'
import pic3 from '../imgs/z04.gif'
import pic4 from '../imgs/z05.gif'
import pic5 from '../imgs/z06.gif'
import pic6 from '../imgs/z07.gif'

class Myzhide extends Component {
    constructor(props){
        super(props);
        this.state = {
            
            arr:[
                {pic: pic1,ming:"Filorgan菲洛嘉柔...",yuan:'原价￥303',qiang:"抢购价￥195"},
                {pic: pic2,ming:"Filorgan菲洛嘉柔...",yuan:'原价￥303',qiang:"抢购价￥195"},
                {pic: pic3,ming:"Filorgan菲洛嘉柔...",yuan:'原价￥303',qiang:"抢购价￥195"},
                {pic: pic4,ming:"Filorgan菲洛嘉柔...",yuan:'原价￥303',qiang:"抢购价￥195"},
                {pic: pic5,ming:"Filorgan菲洛嘉柔...",yuan:'原价￥303',qiang:"抢购价￥195"},
                {pic: pic6,ming:"Filorgan菲洛嘉柔...",yuan:'原价￥303',qiang:"抢购价￥195"},
            ]
        }
    }
    render() {
        return (

            <div className="zhi">              
                {
                    this.state.arr.map((item,index)=>{
                        return(
                        <div className="list" key={index}>
                            <div className="shop">
                                <div className="imgbox">
                                    <img src={item.pic} alt="" />
                                </div>
                                <p className="ming">{item.ming}</p>
                                <p className="yuan">{item.yuan}</p>
                                <p className="qiang">{item.qiang}</p>
                            </div>
                        </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default Myzhide;